body
{
 background-color: DimGray;
 font-family: sans-serif;
 text-align: center;
 width: 100%;
 margin: auto;

 font-size: 80%pt;
}
h1
{
 color: red;
}
table
{
 width: 95%;
 height:8%;
 Background: White;
 text-align:center;
 margin: auto;
}
a
{
 font-weight: bold;
 color: Black;
 font-size: 250%;
}
p
{
 color: rgb(255,0,255);
 font-size: 100%pt;
}
#banner
{
 height: 20%;
 background-position: center;
 width: 90%;
 margin: auto;
 background-color: DimGray;
}
#gap1
{
 height: 15%;
 background-position: center;
 width: 100%;
 margin: auto;
 background-color: DimGray;
}
#blackSquare
{
 height: 15%;
 background-position: center;
 width: 98%;
 margin: auto;
 background-color: rgb(0,0,0);
}
#gap2
{
 height: 15%;
 background-position: center;
 width: 100%;
 margin: auto;
 background-color: DimGray;
}
#whiteSquare
{
 height: 15%;
 background-position: center;
 width: 98%;
 margin: auto;
 background-color: rgb(255,255,255);
}
#c1
{
 height: 50%;
 width: 70%;
 background-color: rgb(0,0,255);
 margin: auto;
}
#c2
{
 height: 50%;
 width: 70%;
 background-color: rgb(255,200,0);
 margin: auto;
}
#c3
{
 height: 50%;
 width: 70%;
 background-color: rgb(0,255,0);
 margin: auto;
}
#c4
{
 height: 50%;
 width: 70%;
 background-color: rgb(255,0,255);
 margin: auto;
}
#c5
{
 height: 50%;
 width: 70%;
 background-color: rgb(255,255,0);
 margin: auto;
}
